<!DOCTYPE html>
{% load static %}
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>问题详情</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/Bootstrap.css' %}" type="text/css">
    <style>
        .button {
        position:absolute;
        display: inline-block;
  border-radius: 4px;
  background-color: #4DADE8;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  padding: 10px;
  width: 90px;
  transition: all 0.5s;
  cursor: pointer;
  margin-left: 13%;
  margin-top: 17px;
}
        body{
        position:relative;
            width:100%;
            min-width:1250px;
        }
.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '《';
  position: absolute;
  opacity: 0;
  transition: 0.7s;
}

.button:hover span {
  padding-right: 20px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}
.reload{
            font-family: 楷体;
            position: relative;
            padding: 5px 8px;
            background-color: #0C4FB6;
            color:white;
            border-radius: 8px;
            margin: 0px 0px 0px 20px;
      }

    </style>
</head>
<body>
<a class="button" style="vertical-align:middle" href="/resource/index/{{n}}/1"><span>返回</span></a>
<div class="container page-header" style="margin-left:23%;">
    <h1>{{ x.title }}<a class="reload" href="/resource/reload_wz/{{x.article_id}}">修改</a></h1>
    <h2 style="color:red">——{{ x.author }}</h2>
</div>
<div class="container body-main">
    {% for i in x_p_list %}
    <div>
        {{ i|safe }}
    </div>
    {% endfor %}
</div>
<div>
    <nav aria-label="...">
        <ul class="pager">
            <li><a href="/resource/article/{{ previous.article_id }}/{{ n }}">上一个{{ previous.title }}</a></li>
            <li><a href="/resource/article/{{ next.article_id }}/{{ n }}">下一个{{ next.title }}</a></li>
        </ul>
    </nav>
</div>
</body>
</html>